<div class="box" style="height: calc( 100vh - 50px );overflow-y: scroll;">
    <span (click)="goBack()" style="position: absolute;top: 0;"> <返回 </span>
        <div class="container">
                <div *ngFor="let detail of item?.get('detailImgPath')" class="slider">
                    <img src="{{detail}}" class="detailImg"/>
            </div>
        </div>
        <div class="featureBox" >
            <div class="goodsprice">
                <p>￥<span>{{item?.get('goodsPrice')}}</span>起 60天低价</p> 
                <span>已拼{{this.item?.get('goodsNumber')}}件</span> 
            </div>
       
            <div class="mshu">退货包运费|不满意包退货运费，退换无忧</div>
            <div class="content">
                <div class="qjd">旗舰店</div>
                <div class="spmiao">{{item?.get('goodsName')}}</div>
                <p>{{item?.get('goodsDetail')}}</p>
                <span>顺丰包邮</span>
            </div> 
            <div class="xingneng">
                <ul>
                    <li>{{item?.get('ram')}}</li>
                    <li>运行内存</li>
                </ul>
                <ul>
                    <li>{{item?.get('core')}}</li>
                    <li>CPU核数</li>
                </ul>
                <ul>
                    <li>{{item?.get('size')}}</li>
                    <li>尺寸</li>
                </ul>
                <ul>
                    <li>{{item?.get('dpi')}}</li>
                    <li>分辨率</li>
                </ul>
            </div>
            <div class="baoz">品牌官方授权，100%正品</div>
            <div class="baoy"><span>预计20小时内发货</span>&nbsp;|&nbsp;承诺48小时内</div>
            <div class="midbz">
                <ul>
                    <li>退货包运费</li>
                    <li>全场包邮</li>
                    <li>7天无理由</li>
                </ul>
            </div>
            <div  class="comment-top">
                商品评价
            </div>
            <div (click)="goComment(comment)" class="comment" *ngFor="let comment of CommentList">
                <div class="txnc">
                  <img src="{{comment.get('commentHeadImg')}}"/>
                  <div class="ncheng">{{comment.get('commentName')}}</div>
                  </div>
                 <div class="pjia">
                        {{comment.get('commentContent')}}
               </div>
            </div>
     </div>


    <ion-tabs  style="pointer-events: none;">
        <ion-tab-bar style="pointer-events: all;">
            <div class="kfu">
                <ion-tab-button routerLink="/intelligent-shopping/category">
                    <ion-icon name="chatbubble-ellipses-outline"></ion-icon>
                    客服
                </ion-tab-button>
            </div>
            <div class="jgw">
                <ion-button id="present-alert" (click)="addCart()">加入购物车</ion-button>
                <!-- <ion-tab-button  >
                    加入购物车
                </ion-tab-button> -->
                <ion-alert
                trigger="present-alert"
                message="加入成功"
                [buttons]="alertButtons"
                ></ion-alert>
            </div>
            <div class="gm">
                <ion-tab-button (click)="goPay()">
                    购买
                </ion-tab-button>
            </div>
        </ion-tab-bar>
    </ion-tabs>